<template>
  <div
    class="app-container"
    style="width: 100%"
  >
    <SearchForm
      :searchForm="searchForm"
      :searchData="searchData"
      :searchHandle="searchHandle"
    />
  </div>
</template>

<script>
import SearchForm from "@/components/searchForm/index.vue";
import Table from "@/components/Table/index.vue";
export default {
  name: "DirectivePermission",
  components: {
    SearchForm,
    Table,
  },
  data() {
    return {
      searchForm: [
        {
          type: "Input",
          prop: "selectName",
          placeholder: "请输入用户名/姓名/电话",
          clearable: "clearable",
          clear: () => {
            this.getData();
          },
        },
      ],
      searchData: {
        selectName: "",
      },
      searchHandle: [
        {
          type: "primary",
          label: "搜索",
          persstion: "",
          handle: () => {
            this.pageObj.currentPage = 1;
            this.getData();
          },
        },
        {
          type: "primary",
          label: "添加",
          persstion: "",
          handle: () => {
            this.userManDialog.isShow = true;
            this.userManDialog.type = "add";
          },
        },
      ],
    };
  },
  methods: {},
};
</script>

<style lang="scss" scoped>
.app-container {
}
</style>

